<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>虚拟机详情</title>
		<link rel="stylesheet" href="../../css/index.css" /></link>
	</head>
	<body>
		<div class="pop-page">
			<div class="pop-top pos-re of-h">
				<h2 class="pop-title"><a>查看详情</a></h2>
				<a class="close-pop com_icon"></a>
			</div>
			<div class="pop-header">
				<div class="pop-tab w-150">
					<a class="pop-tab-item mr-40 on" data-type="view">概览</a>
					<a class="pop-tab-item" data-type="record">操作日志</a>
				</div>
			</div>
			<div class="pop-wrap pos-re of-h">
				<!--概览内容-->
				<div class="view-content">
					<ul class="pop-cnt-box">
						<li class="pop-cnt-item">
							<label class="pop-cnt-title">虚拟机名称</label>
							<span class="pop-cnt-text">研发专用</span>
						</li>
						<li class="pop-cnt-item">
							<label class="pop-cnt-title">instanceID</label>
							<span class="pop-cnt-text">9aa91az92-3343-34raerqewr34-er-q-er-qe-r</span>
						</li>
						<li class="pop-cnt-item">
							<label class="pop-cnt-title">状态</label>
							<span class="pop-cnt-text">Z运行中</span>
						</li>
						<li class="pop-cnt-item">
							<label class="pop-cnt-title">用户名</label>
							<span class="pop-cnt-text">troila</span>
						</li>
						<li class="pop-cnt-item">
							<label class="pop-cnt-title">所属服务器</label>
							<span class="pop-cnt-text">server10</span>
						</li>
						<li class="pop-cnt-item">
							<label class="pop-cnt-title">创建时间</label>
							<span class="pop-cnt-text">2015-12-25</span>
						</li>
						<li class="pop-cnt-item">
							<label class="pop-cnt-title">镜像/快照</label>
							<span class="pop-cnt-text">Windows7</span>
						</li>
					</ul>
					
					<ul class="config-box b-t">
						<li class="config-item">
							<div class="config-card">
								<h2 class="card-head">CPU</h2>
								<span class="card-num">2核</span>
							</div>
							<div class="config-card">
								<h2 class="card-head">内存</h2>
								<span class="card-num">1000GB</span>
							</div>
							<div class="config-card">
								<h2 class="card-head">硬盘</h2>
								<span class="card-num">500GB</span>
							</div>
						</li>
					</ul>
					<ul class="ip-box">
						<li class="ip-item">
							<label class="pop-cnt-title">外网IP</label>
							<span class="pop-cnt-text">192.168.101.142</span>
						</li>
						<li class="ip-item">
							<label class="pop-cnt-title">内网IP</label>
							<span class="pop-cnt-text">192.168.10.142</span>
						</li>
						<li class="ip-item">
							<label class="pop-cnt-title">卷组</label>
							<span class="pop-cnt-text">未分配</span>
						</li>
					</ul>
				</div>
				<!--操作日志-->
				<div class="handle-record d-n">
					<div class="table">
						<ul class="ul_head">
							<li style="width: 30%">用户</li>
							<li style="width: 30%">动作</li>
							<li style="width: 38%">操作时间</li>
						</ul>
						<ul class="ul_body">
							<li class="li_tr">
								<ul>
									<li class="ul_body_td" style="width: 30%">
										<p class="td_content">server10</p>
									</li>
									<li class="ul_body_td" style="width: 30%">
										<p class="td_content">研发专用</p>
									</li>
									<li class="ul_body_td" style="width: 38%">
										<p class="td_content">Windows XP</p>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../js/view/virtualManage/virtual_detail.js"></script>
</html>
